/**
 * Accordion面板，设置面板的点击效果
 * @author mayonghua
 * @param config
 * @return
 */
var AccordionPanel = function(config){
	this.init();
}
AccordionPanel.prototype = {
	init : function(){
		var entity = this;
		entity.windowResize();
		$(window).resize(function(){
		entity.windowResize();
		});
		//全部隐藏所有的子菜单
		$("ul.data-tree ul").hide();
		//将第一个设置为展开状态
		$("ul.data-tree li ul:first").show();
		//给所有的accordion添加点击事件
		$("ul.data-tree li div.category").click(function (){
			//获得该元素的下级元素
			var childElement = $(this).next();
			//获得该元素的父元素
			var parents = $(this).parents('ul');
			//当点击当前元素时，如果有其他的元素展开，则关闭其它的元素，然后展开当前的元素
			if(!childElement.is(':visible')){
				$(parents).find('ul:visible').slideUp('normal');
				childElement.slideDown('normal');
				return false;
			}
			//当前元素的子元素，自动切换状态
			childElement.slideToggle('normal');
		});
	},
	windowResize : function(){
		var entity = this;
		//当父窗口改变大小的时候，改变当前窗口的大小
		var height = $(".accordionPanel").parent().height();
		$(".accordionPanel").height(height);
		//得到accordion的高度
		var accHeight =0;
		$("div.category").each(function(){
			accHeight = accHeight+$(this).height();
		});
		//计算左边类别树的高度
		var accordionHead = $("div.accordionPanel .head").height();
		//计算accordion内部的高度
		var data_tree_height =height-accHeight-accordionHead;
		$("ul.data-tree li ul").height(data_tree_height-3	);
	}
}